<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://"
			+ request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="user-scalable=no, initial-scale=1.0, maximum-scale=1.0" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black" />
<title></title>
<link rel="stylesheet" href="<%=basePath%>static/rankings/css/normalize3.0.2.min.css" />
<link rel="stylesheet" href="<%=basePath%>static/rankings/css/css.css" />
</head>
<body>
	<div align="center" class="head_title">
		<span>领奖界面</span>
	</div>
	<div align="center" style="padding: 5px; 5px;">
		<hr width="80%" color=#987cb9 size=10 >
	</div>
	<div style="margin:auto auto;text-align:center;"  >
		<div style="display:inline-block; vertical-align: middle;">
			<span style="vertical-align: middle;">
				<img src="<%=basePath%>static/rankings/images/pic.jpg"  width="40px" style="padding: 5px; 5px;"/>
			</span>
			<span style="display:block; text-align: center;">
				第3名
			</span>
		</div>
		<div style="display:inline-block; vertical-align: middle;">
			<span>
				<img src="<%=basePath%>static/rankings/images/pic.jpg"  width="80px" style="padding: 5px; 5px;"/>
			</span>
			<span style="display:block; text-align: center;">
				我是第1名
			</span>
		</div>
		<div style="display:inline-block; vertical-align: middle;">
			<span>
				<span>
					<img src="<%=basePath%>static/rankings/images/pic.jpg"  width="40px" style="padding: 5px; 5px;"/>
				</span>
				<span style="display:block; text-align: center;">
					第2名
				</span>
			</span>
		</div>
		<div align="center" style="padding: 5px; 5px; vertical-align: middle;">
			<span>
				<img src="<%=basePath%>static/rankings/images/pic.jpg"  width="40px"/>
			</span>
			<span style="display:block; text-align: center;">
				第1名
			</span>
		</div>
	</div>
<!-- <section id="ranking">  -->
<!-- <span id="ranking_title">我的排行：3</span> -->
	<section class="box">
	     <section class="col_1_title">用户</section>
	     <section class="col_2_title">战绩</section>
	     <section class="col_3_title">奖励</section>
    </section>
  	<section id="ranking_list">
  		<section class="box_new">
  			<section class="col_1_new">
		   		<div style="margin:auto auto;text-align:center;"  >
					<div style="display:inline-block; vertical-align: middle;">
						<span>
							<img src="<%=basePath%>static/rankings/images/pic.jpg"  width="40px" style="padding: 5px 5px;"/>
						</span>
						<span style="display:block; text-align: center;">
							第3名
						</span>
					</div>
					<div style="display:inline-block; vertical-align: middle;">
						<span style="margin:5px 0;">
							女
						</span>
						<span style="display:block; margin:5px 0;">
							罗兰郡主
						</span>
						<span style="margin:5px 0;">
							VIP
						</span>
					</div>
				</div>
			</section>
			<section class="col_2_new" >
				<div style="margin:auto auto; vertical-align: middle;"  >
					<span>11</span>
				</div>
			</section>
	     	<section class="col_3_new">12</section>
     	</section>
	    <section class="box">
	    	<section class="col_1" title="1">1</section>
	      	<section class="col_2"><img src="<%=basePath%>static/rankings/images/pic.jpg"  /></section>
	      	<section class="col_3">漫画之迷</section>
	      	<section class="col_4">5000</section>
	    </section>
	    <section class="box">
	      	<section class="col_1" title="2">2</section>
	      	<section class="col_2"><img src="<%=basePath%>static/rankings/images/pic.jpg"  /></section>
	      	<section class="col_3">漫画之迷</section>
	      	<section class="col_4">5000</section>
	    </section>
	    <section class="box cur">
	      	<section class="col_1" title="3">3</section>
	      	<section class="col_2"><img src="<%=basePath%>static/rankings/images/pic.jpg"  /></section>
	      	<section class="col_3">漫画之迷</section>
	      	<section class="col_4">5000</section>
	    </section>
	    <section class="box">
	      	<section class="col_1">4</section>
	      	<section class="col_2"><img src="<%=basePath%>static/rankings/images/pic.jpg"  /></section>
	      	<section class="col_3">漫画之迷</section>
	      	<section class="col_4">5000</section>
	    </section>
	    <section class="box">
	      	<section class="col_1">5</section>
	     	<section class="col_2"><img src="<%=basePath%>static/rankings/images/pic.jpg"  /></section>
	      	<section class="col_3">漫画之迷</section>
	      	<section class="col_4">5000</section>
	    </section>
	      	<section class="box">
	      	<section class="col_1">6</section>
	      	<section class="col_2"><img src="<%=basePath%>static/rankings/images/pic.jpg"  /></section>
	      	<section class="col_3">漫画之迷</section>
	      	<section class="col_4">5000</section>
	    </section>
  	</section>
<!--   <a id="play_game" href="#" title="开始游戏">开始游戏</a></section>
  <a id="return_back" href="#" title="返回">返回</a> -->
<!--  </section> -->
</body>
</html>
